

<script src="web/assets/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS   --> 	

<div class="clearfix"></div>
<div class="content">  

    <!-- Modal -->
    <div class="modal fade" id="myModalPasswordADD" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <br>
                    <i class="icon-credit-card icon-7x"></i>
                    <h4 id="myModalLabel" class="semi-bold">Cambio de Contraseña</h4>
                    <p class="no-margin"> </p>

                    <br>
                </div>

                <div class="modal-body">
                    <form  action="./fuentes/controller/Persona.php" id="formPersonaPass" name="formPersonaPass" autocomplete="off" > 
                        <input type="hidden" name="id"  id="id" class="form-control" value="0">
                        <input type="hidden" name="usuario"  id="usuario" class="form-control" value="<?php if (!empty($usuario)) {echo $usuario;}?>">



                        <div class="row form-row">
                            <div class="col-md-12">
                                <label class="form-label">Nueva Contraseña</label>
                                <input type="password" class="form-control" id="pass" name="pass" placeholder="Ingrese la nueva contraseña" >
                            </div>
                        </div>

                        <div class="row form-row">
                            <div class="col-md-12">
                                <label class="form-label">Reperir Contraseña</label>
                                <input type="password" class="form-control" id="repass" name="repass" placeholder="Repetir contraseña" >
                            </div>

                        </div>

                        <div class="row form-row">
                            <div class="col-md-12 center-text" >
                                <div id="mensaje_form_pass"></div> 
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"  data-dismiss="modal">Cancelar</button>
                            <button type="submit"  class="btn btn-success btn-cons">Guardar</button>
                            <img id="loading" src="web/assets/img/ajax_load.gif" alt="loading" style="visibility: hidden; "/>
                        </div>
                    </form>    
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
    </div>
    
    <script src="./fuentes/view/persona/js/script_ajax_persona_pass.js" type="text/javascript"></script>
